//mixin
/* 弹性布局 */
@mixin flex($direction: row, $justify: space-between, $align: center, $wrap: nowrap) {
  display: flex;
  flex-direction: $direction;
  flex-wrap: $wrap;
  align-items: $align;
  justify-content: $justify;
}

/* 文字设置 */
@mixin font($size: 1rem, $color: #ffffff, $line: $size, $align: left, $weight: normal) {
  font-size: $size;
  font-weight: $weight;
  line-height: $line;
  color: $color;
  text-align: $align;
}

/* 盒模型设置 */
@mixin bBox($padding: 1rem, $box: border-box) {
  box-sizing: $box;
  padding: $padding;
}

// 列表滚动条
@mixin scrollbarM() {
  &::-webkit-scrollbar {
    width: 0.31rem; /*对垂直流动条有效*/
    height: 0.31rem; /*对垂直流动条有效*/
  }
  /*定义滚动条的轨道颜色、内阴影及圆角*/
  &::-webkit-scrollbar-track {
    // -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: rgba($color: #fff, $alpha: 0);
    border-radius: 0.16rem;
  }

  /*定义滑块颜色、内阴影及圆角*/
  &::-webkit-scrollbar-thumb {
    border-radius: 0.16rem;
    background-color: #f0f3fc;
  }
}